<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./styles/shop.css">
    <link rel="stylesheet" href="./font_edk6hx54dm7/iconfont.css">
</head>
<body>

    <!-- 头部 -->
    <div class="nav">
        <div class="box">
            <a href="./index.html">
                <img src="images/logo-footer.png" alt="">
            </a>
                <h2>我的购物车</h2>
                <p>温馨提示:产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            <div class="box1">
                <a href="./login.html">登录</a>
                <span>|</span>
                <a href="./register.html">注册</a>
            </div>
        </div>
    </div>




    <!-- banner -->
    <div class="nav1">
            <div class="col">
                <div class="col1">
                    <input type="checkbox" name="" id="">
                    <!-- <em>√</em> -->
                    全选
                </div>
                <div class="col2"></div>
                <div class="col3">商品名称</div>
                <div class="col4">单价</div>
                <div class="col5">数量</div>
                <div class="col6">小计</div>
                <div class="col7">操作</div>
            </div>

            <div class="we">

            </div>
            
            
            
            <div class="center">
                <!-- <div class="row">
                <div class="col1">
                    <em>√</em>
                    </div>
                <div class="col2">
                    <img src="./images/sj-01.jpg" alt="">
                </div>
                <div class="col3">商品名称</div>
                <div class="col4">单价</div>
                <div class="col5">
                        <div class='jian'>-</div><input type="text"> 
                </div>
                <div class="col6">小计</div>
                <div class="col7"><a href="">删除</a></div>
            </div> -->
            </div>
            
            <div class="row2">
                <div class="col1">
                   <a href="./index.html">继续购物</a> 
                </div>
                <div class="col2">
                   已选择<span></span>件
                </div>
                <div class="col3"></div>
                <div class="col4"></div>
                <div class="col5">
                </div>
                <div class="col6">合计
                    <span class="col6-2">0</span>
                    元
                </div>
                <div class="col7">去结算</div>
            </div>
    </div>



    <!-- 尾部 -->
    <div class="site">
        <div class="site1">
            <ul>
                <li><a href="javascript:;"><em class="iconfont icon-editor2"></em>预约维修服务</a></li>
                <li><a href="javascript:;"><em class="iconfont icon-7tiantuihuanhuo"></em>7天无理由退货</a></li>
                <li><a href="javascript:;"><em class="iconfont icon-15tianwuliyoutuihuo
                    "></em>15天免费换货</a></li>
                <li><a href="javascript:;"><em class="iconfont icon-liwu"></em>满69元包邮</a></li>
                <li><a href="javascript:;" id="site3"><em class="iconfont icon-31dingwei
                    "></em>520余家售后网点</a></li>
            </ul>
        </div>
        <div class="site2">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="">账户管理
                    </a></dd>
                <dd><a href="">购物指南</a></dd>
                <dd><a href="">订单操作</a></dd>
            </dl>


            <dl>
                <dt>服务支持</dt>
                <dd><a href="">服务支持
                    </a></dd>
                <dd><a href="">售后政策</a></dd>
                <dd><a href="">自助服务</a></dd>
            </dl>

            <dl>
                <dt>线下门店</dt>
                <dd><a href="">线下门店
                    </a></dd>
                <dd><a href="">小米之家</a></dd>
                <dd><a href="">服务网点</a></dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd><a href="">关于小米
                    </a></dd>
                <dd><a href="">了解小米</a></dd>
                <dd><a href="">加入小米</a></dd>
                <dd><a href="">企业团购说的</a></dd>
                <dd><a href="">加入小米</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="">关注我们
                    </a></dd>
                <dd><a href="">新浪微博</a></dd>
                <dd><a href="">官方微信</a></dd>
                <dd><a href="">新浪微博啊</a></dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd><a href="">特色服务
                    </a></dd>
                <dd><a href="">F码通道</a></dd>
                <dd><a href="">相关下载</a></dd>
            </dl>

            <div class="col">
                <h2>400-100-5678</h2>
                <p>8:00-18:00(仅市话费)</p>
                <a href="">
                    <em class="iconfont icon-xiaoxi
                    "></em>
                    人工客服
                </a>
                <div>
                    关注小米:
                    <em class="iconfont icon-weibo
                    "></em>
                    <em class="iconfont icon-weixin1"></em>
                </div>
            </div>
        </div>
    </div>
    <div class="fooder">
        <div class="fooder1">
            <img src="images/logo-footer.png" alt="" class="fooder2">

            <h2>小米商城 | MIUI米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策|小米公司儿童信息保护规则|小米商城隐私政策|小米商城用户协议</h2>
            <h2>北京互联网法院法律服务工作站 | 中国消费者协会 | 北京市消费者协会</h2>
            <p>
                mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号
            </p>
            <p>(京)网械平台备字(2018）第00005号互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</p>
            <p>增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</p>
            <p>违法和不良信息举报电话:171-5104-4404知识产权侵权投诉.本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            <div class="fooder3">
                    <img src="./images/truste.png" alt="">
                    <img src="images/v-logo-2.png" alt="">
                    <img src="images/v-logo-1.png" alt="">
                    <img src="images/fx.png" alt="">
                    <img src="./images/js-2.png" alt="">
            </div>
            <div class="fooder4">
                让全球每个人都能享受科技带来的美好生活
            </div>
        </div>
    </div>
</body>
</html>
<script src="./js/shop.js" type="module"></script>